iT邦幫忙

2023 iThome 鐵人賽

DAY 14
0
Modern Web

給心理人的前端網頁開發系列 第 14

[給心理人的前端網頁開發] 14 關卡二:網路問卷 - 用 Google Sheet 當資料庫

  • 分享至 

  • xImage
  •  

在前面網站架構有提到,通常會需要儲存資料的網站會至少由三個部份組成:前端、後端、資料庫。重新梳理一下整個網路問卷的架構:

  • 使用者透過前端的網頁填寫問卷,並送出資料到後端 (在 CodeSandBox 寫網頁)
  • 後端接收前端傳來的資料,處理後存進資料庫 (用 Google App Script 當後端)
  • 資料庫儲存後端傳來的資料 (用 Google Sheet 當資料庫)

那就開始今天的資料庫的介紹吧

一、資料庫是啥

資料庫,可以當作是堆放資料的倉庫。現在常見的一種資料庫類型是大概在 1980 年代出現的關係式資料庫。基本上,關係式資料庫可以用 Excel 或 Google Sheet 去想像,即一張資料表 (工作表) 會有直的資料欄位 (Column) 跟 橫的資料列(Row)。

在這次的網路問卷中,我們使用 Google Sheet 當作資料庫

二、資料庫的欄位設計

在設計網站系統時,除了要知道需求外 (使用者能填寫問卷並送出,施測者可以看到受測者的結果),也需要事先規劃想想,什麼資料需要存進資料庫。以下是簡單的規劃設計

  • time 送出表單的時間
  • name 填寫人姓名或暱稱
  • intro 填寫人的自介
  • sex 生理性別
  • age 年齡
  • height 身高
  • weight 體重
  • why 為什麼會看到/有興趣看這系列文章呢
  • note 其他想說的話

三、建立資料庫

一般網站開發用的資料庫,會像是 MySQL、postgresql 等資料庫,但這會需要寫一些指令給電腦執行。但因為這次要使用的是 Google Sheet,所以只要打開網頁,像是新增一個 Excel 工作表那樣,在第一行寫上欄位名稱就好。

範例 Google Sheet 資料表

延伸資料

小結

今天回顧了一下網站架構,以及介紹資料庫、與如何建立資料庫 (Google Sheet)。明天將介紹使用 Google App Script 建立後端,以接收來自前端的資料、與將資料寫入資料庫中。


上一篇
[給心理人的前端網頁開發] 13 關卡二:網路問卷的程式架構介紹
下一篇
[給心理人的前端網頁開發] 15 關卡二:網路問卷 - 用 Google App Script 當後端
系列文
給心理人的前端網頁開發30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言